@mixin font_color($color) {
  color: $color; //默认时的color
  [data-theme="theme1"] & {
    color: $font-color-theme1;
  }
  [data-theme="theme2"] & {
    color: $font-color-theme2;
  }
  [data-theme="theme3"] & {
    color: $font-color-theme3;
  }
}


@mixin add_size($val, $size) {
  [data-size="0"][data-dpr="1"] & {
    font-size: ($val + $size) * 1.8;
  }
  [data-size="4"][data-dpr="1"] & {
    font-size: ($val + $size_4) * 1.8;
  }
  [data-size="6"][data-dpr="1"] & {
    font-size: ($val + $size_6) * 1.8;
  }
  [data-size="8"][data-dpr="1"] & {
    font-size: ($val + $size_8) * 1.8;
  }
  
  [data-size="0"][data-dpr="2"] & {
    font-size: ($val + $size) * 1.8;
  }
  [data-size="4"][data-dpr="2"] & {
    font-size: ($val + $size_4) * 1.8;
  }
  [data-size="6"][data-dpr="2"] & {
    font-size: ($val + $size_6) * 1.8;
  }
  [data-size="8"][data-dpr="2"] & {
    font-size: ($val + $size_8) * 1.8;
  }

  [data-size="0"][data-dpr="3"] & {
    font-size: ($val + $size) * 1.8;
  }
  [data-size="4"][data-dpr="3"] & {
    font-size: ($val + $size_4) * 1.8;
  }
  [data-size="6"][data-dpr="3"] & {
    font-size: ($val + $size_6) * 1.8;
  }
  [data-size="8"][data-dpr="3"] & {
    font-size: ($val + $size_8) * 1.8;
  }
}
